

<div class="panel">
    <div class="panel-wrapper">
        <h1 class="title">Jeu</h1>

        <form id="form_game" class="form" method="POST" action="start_game.php">
            <p>
                <label>Votre pseudo :</label>
                <input id="pseudo" type="text" name="pseudo" required />
                <input id="submitbutton" type="submit" value="Envoyer" />
            </p>
        </form>

        <div id="game_result">
            Joueur: 0 - Ordinateur: 0<span id="new_game" class="new_game" onclick="restartGame()">Nouvelle partie</span>            
        </div>

        <div id="game">
            <div id="player_score">
                <img src="img/0player.png" alt="0"/>
            </div>
            <div id="computer_score">
                <img src="img/0computer.png" alt="0"/>
            </div>
            <div id="player_bloc">
                <img src="img/player_rock.png" id="rock" class="element"  alt="pierre" />
                <img src="img/player_paper.png" id="paper" class="element" alt="papier" />
                <img src="img/player_scissors.png" id="scissors" class="element" alt="ciseaux" />
            </div>

            <div id="computer_bloc">
                <img src="img/computer_rock.png" id="rock_computer"  alt="pierre" />
                <img src="img/computer_paper.png" id="paper_computer" alt="papier" />
                <img src="img/computer_scissors.png" id="scissors_computer" alt="ciseaux" />
            </div>
        </div>


        <table id="results">
            <caption>Historique</caption>
            <tbody id="tresults">
                <tr>
                    <th class="left_column">Joueur</th>
                    <th class="right_column">Ordinateur</th>
                </tr>
            </tbody>
        </table>

    </div>
</div>